Ext.onReady(function() {
			var store = Ext.create('Ext.data.JsonStore', {
						fields : [{
									name : 'cardNumber'
								}, {
									name : 'cname'
								}, {
									name : 'cardType'
								}, {
									name : 'company'
								}, {
									name : 'vehicleId'
								}, {
									name : 'vehicleType'
								}, {
									name : 'deptId'
								}, {
									name : 'totalNum'
								}, {
									name : 'price'
								}, {
									name : 'money'
								}, {
									name : 'lastBalance'
								}, {
									name : 'currBalance'
								}, {
									name : 'starttime'
								}],
						pageSize : 20, // 每页多少条
						proxy : {
							type : 'ajax',
							url : 'getAlljqh.do',
							reader : {
								type : 'json',
								root : 'jqhs',
								totalProperty : 'total'
							},
							actionMethods : {
								create : 'POST',
								read : 'POST',
								update : 'POST',
								destroy : 'POST'
							}
						}
					});
			store.loadPage(1);
			// 查询表单
			var sform = Ext.create('Ext.form.Panel', {
						frame : true,
						standardSubmit : true, // 让表单以非Ajax方式提交
						layout : {
							type : 'table',
							columns : 4
						},
						defaults : {
							xtype : 'textfield',
							labelAlign : 'right',
							width : 232,
							labelWidth : 80
						},
						region : 'north',
						items : [{
									xtype : 'combobox',
									fieldLabel : '各分公司',
									autoScroll : true,
									store : Ext.create('Ext.data.Store', {
												fields : ['value', 'text'],
												data : [{
															value : '45',
															text : '巴然公司'
														}, {
															value : '50',
															text : '和静公司'
														}, {
															value : '58',
															text : '尉犁公司'
														}, {
															value : '61',
															text : '和硕公司'
														}, {
															value : '65',
															text : '轮台公司'
														}, {
															value : '71',
															text : '若羌公司'
														}, {
															value : '73',
															text : '且末公司'
														}, {
															value : '75',
															text : '哈密公司'
														}, {
															value : '77',
															text : '新源公司'
														}, {
															value : '78',
															text : '乌市公司'
														}]
											}),
									valueField : 'value',
									displayField : 'text',
									name : 'parentId',
									listConfig : {
										maxHeight : 200
									},
									listeners : {
										change : function(comb) {
											Ext.getCmp("jqd").setValue("");
											var parentId = comb.getValue();
											if (parentId != null) {
												nodestore.proxy.extraParams = {
													"parentId" : parentId
												};
												nodestore.load();
											} else {
												nodestore.removeAll();
											}
										}
									}
								}, {
									fieldLabel : '车牌号码',
									name : 'vehicleId'
								}, {
									fieldLabel : '客户单位',
									name : 'company'
								}, {
									fieldLabel : '卡身份证',
									name : 'IDcard'
								}, {
									xtype : 'combobox',
									id : 'jqd',
									fieldLabel : '加气站点',
									store : nodestore,
									autoScroll : true,
									listConfig : {
										maxHeight : 200
									},
									valueField : 'text',
									displayField : 'text',
									name : 'deptId'
								}, {
									xtype : 'combobox',
									store : Ext.create('Ext.data.Store', {
												fields : ['value', 'text'],
												data : [{
															vlaue : '',
															text : '所有'
														}, {
															value : 'LNG车队',
															text : 'LNG车队'
														}, {
															value : 'LNG客车',
															text : 'LNG客车'
														}, {
															value : 'LNG重车',
															text : 'LNG重车'
														}, {
															value : '出租车',
															text : '出租车'
														}, {
															value : '大客户车',
															text : '大客户车'
														}, {
															value : '大型货车',
															text : '大型货车'
														}, {
															value : '大型客车',
															text : '大型客车'
														}, {
															value : '单位车',
															text : '单位车'
														}, {
															value : '工程车',
															text : '工程车'
														}, {
															value : '公交车',
															text : '公交车'
														}, {
															value : '集团自用车',
															text : '集团自用车'
														}, {
															value : '教练车',
															text : '教练车'
														}, {
															value : '农用车',
															text : '农用车'
														}, {
															value : '私家车',
															text : '私家车'
														}, {
															value : '小型货车',
															text : '小型货车'
														}, {
															value : '小型客车',
															text : '小型客车'
														}, {
															value : '员工卡',
															text : '员工卡'
														}]
											}),
									valueField : 'value',
									displayField : 'text',
									listConfig : {
										maxHeight : 200
									},
									fieldLabel : '车辆类型',
									name : 'vehicleType'
								}, {
									xtype : 'datefield',
									fieldLabel : '开始时间',
									name : 'starttime',
									format : 'Y-m-d H:i:s',
									maxValue : new Date()
								}, {
									fieldLabel : '加气单价',
									name : 'price'
								}, {
									fieldLabel : '卡主姓名',
									name : 'cname'
								}, {
									fieldLabel : '手机号码',
									name : 'tel'
								}, {
									xtype : 'datefield',
									fieldLabel : '结束时间',
									format : 'Y-m-d H:i:s',
									name : 'endtime',
									maxValue : new Date()
								}, {
									fieldLabel : '加气量下限',
									name : 'totalNummin'
								}, {
									fieldLabel : 'IC卡号',
									name : 'cardNumber'
								}, {
									xtype : 'combobox',
									fieldLabel : '卡类型',
									store : Ext.create('Ext.data.Store', {
												fields : ['value', 'text'],
												data : [{
															vlaue : '',
															text : '所有'
														}, {
															value : '1用户卡',
															text : '1用户卡'
														}, {
															value : '2员工卡',
															text : '2员工卡'
														}, {
															value : '4维修卡',
															text : '4维修卡'
														}, {
															value : '5内部卡',
															text : '5内部卡'
														}, {
															value : '6积分卡',
															text : '6积分卡'
														}, {
															value : '8大客户卡',
															text : '8大客户卡'
														}, {
															value : '9充值优惠卡',
															text : '9充值优惠卡'
														}]
											}),
									valueField : 'value',
									displayField : 'text',
									name : 'cardType'
								}, {
									xtype : 'combobox',
									fieldLabel : '记录类别',
									store : Ext.create('Ext.data.Store', {
												fields : ['value', 'text'],
												data : [{
															vlaue : '',
															text : '所有'
														}, {
															value : '合作刷卡',
															text : '合作刷卡'
														}, {
															value : '加气机记录',
															text : '加气机记录'
														}]
											}),
									valueField : 'value',
									displayField : 'text',
									name : 'ispner'
								}, {
									fieldLabel : '加气量上限',
									name : 'totalNummax'
								}, {
									xtype : 'button',
									width : 60,
									iconCls : 'button-search',
									margin : '0 0 0 120',
									text : '查询',
									handler : sear
								}, {
									xtype : 'button',
									width : 60,
									text : '重置',
									handler : function() {
										sform.getForm().reset();
									}
								}]
					});
			function sear() {
				var values = sform.getForm().getValues();
				Ext.Ajax.request({
							url : 'getTotalnumandmoney.do',
							params : values,
							success : function(response) {
								var text = Ext.decode(response.responseText);
								Ext.getCmp("amount").setValue(text.amount);
								Ext.getCmp("money").setValue(text.money);
							}
						});
				store.proxy.extraParams = values;
				store.loadPage(1);
			}
			// 中央表格面板
			/*
			 * var selModel = Ext.create('Ext.selection.CheckboxModel', {
			 * injectChectbox : 1 });
			 */
			var grid = Ext.create('Ext.grid.Panel', {
						region : 'center',
						columnLines : true,
						// selModel : selModel,
						viewConfig : {
							stripeRows : true
							// 在表格中显示斑马线
						},
						store : store,// 底部工具栏配置了，这里也必须配置
						tbar : [{
									xtype : 'button',
									text : '导出',
									iconCls : 'button-add',
									handler : function() {
										alert("数据较多不宜导出excel,特殊需要请告知管理员!");
										var form = sform.getForm();
										// form.url = "exportexcel.do";
										// form.submit();
									}
								}, {
									xtype : 'displayfield',
									labelAlign : 'right',
									width : 160,
									id : 'amount',
									readOnly : true,
									fieldLabel : '总计加气量'
								}, {
									xtype : 'displayfield',
									labelAlign : 'right',
									width : 160,
									id : 'money',
									readOnly : true,
									fieldLabel : '总金额'
								}],
						columns : [{
									xtype : "rownumberer",
									width : 60,
									align : 'center',
									header : '序号'
								}, {
									header : '卡号',
									width : 100,
									align : 'center',
									dataIndex : 'cardNumber'
								}, {
									header : '持卡人',
									width : 80,
									align : 'center',
									dataIndex : 'cname'
								}, {
									header : '卡类型',
									width : 80,
									align : 'center',
									dataIndex : 'cardType'
								}, {
									header : '客户单位',
									width : 120,
									align : 'left',
									dataIndex : 'company'
								}, {
									header : '车牌号',
									width : 80,
									align : 'center',
									dataIndex : 'vehicleId'
								}, {
									header : '车辆类型',
									width : 80,
									align : 'center',
									dataIndex : 'vehicleType'
								}, {
									header : '加气站点',
									width : 140,
									align : 'left',
									dataIndex : 'deptId'
								}, {
									header : '加气量',
									width : 60,
									align : 'left',
									dataIndex : 'totalNum'
								}, {
									header : '加气单价',
									width : 80,
									align : 'center',
									dataIndex : 'price'
								}, {
									header : '加气金额',
									width : 80,
									align : 'center',
									dataIndex : 'money'
								}, {
									header : '卡前余额',
									width : 80,
									align : 'center',
									dataIndex : 'lastBalance'
								}, {
									header : '卡内余额',
									width : 80,
									align : 'center',
									dataIndex : 'currBalance'
								}, {
									header : '消费时间',
									width : 160,
									align : 'center',
									dataIndex : 'starttime',
									renderer : function(value) {
										if (value == null || value == '') {
											return '<font color="red">未指定</font>';
										} else {
											return new Date(value)
													.format("yyyy-MM-dd hh:mm:ss");
										}
									}
								}],
						dockedItems : [{
									xtype : 'pagingtoolbar',
									store : store, // 分页数据使用跟gridPanel同样的数据
									dock : 'bottom',
									displayMsg : '显示{0}-{1}条,共{2}条',
									emptyMsg : "没有数据",
									beforePageText : '第',
									afterPageText : '页共{0}页',
									displayInfo : true
								}]
					});
			Ext.create('Ext.Viewport', {
						title : '主要内容',
						layout : 'border',
						items : [sform, grid],
						renderTo : Ext.getBody()
					});
		});
